<template>
  <div class="bottom">
    <div class="bottom-up">
      <div class="bottom-up-item">
        <img src="@/assets/img/wechat.png" alt="">
        <img src="@/assets/img/weibo.png" alt="">
        <img src="@/assets/img/email.png" alt="">
        <img src="@/assets/img/QQ.png" alt="">
      </div>
    </div>
    <div class="tel"><el-icon><Phone /></el-icon>：13719513762</div>
    <div class="bottom-down">copyright @ 2022zhoushengyue All right reserved</div>
  </div>
</template>

<script lang="ts" setup>
</script>

<style lang="less" scoped>
.bottom{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  margin-top: 100px;
  box-shadow: 5px 0 10px rgb(201, 197, 197);
  background-color: brown;
  &-up{
    display: flex;
    padding-top: 10px;
    &-item{
      // margin: 0 .25rem;
      img{
        width: 35px;
        height: 35px;
        margin: 0 10px;
        background-color: brown;
        border-radius: 50px;
        padding: 5px;
      }
    }
  }
  .tel{
    padding: 10px 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    color: #fff;
  }
  &-down{
    width: 100%;
    background-color: rgb(128, 7, 7);
    text-align: center;
    padding: 10px 0;
    color: #fff;
  }
}
</style>
